body{
	
	background-color:#ffeedd; /*change color*/
	font-family:arial; /*change font*/
	margin-left: 0%; /*add margins (space around object)*/
	
	
	
	/*Title*/
.header{
		background-image: radial-gradient( #ffcad4 45%, #b8b8ff 80%);
		color: #3939ac; /* color picker code on W3Schools*/
		width: 100%;
		padding: 0% 0%;
		font-size:80pt;
		text-align: center;
		font-family:"papyrus" ;
}
	
	#navbar{	
  background-color: #233d4d;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 0%;
}


/*Navbar*/
#navbar a{
  background-color: #3939ac;
  color: white;
  width:25%;
  text-align: center;
  display: inline-block;
  float:left;
  font-weight:500;
  font-family:papyrus;
  font-size:25pt;  
}

#navbar a:hover {
  background-color: #b8b8ff;
  color: #3939ac;
}
#navbar a:active {
  background-color: #3939ac;
  color: #f5f5f5;
}
/*Format links*/
a:link{
	text-decoration: none;
	color: #3939ac;

}
a:hover{
	background-color:#b8b8ff;
}
a:active{
	color: #3939ac;
}

a:visited{
	color: #3939ac;
}

/*side by side columns*/
.flex-container {
	display: flex;
	flex-direction: row;
	margin: 10% 0% 5% 0%;
	width: 100%;
	
}

.flex-child {
    width: 50%;
	flex: 1;
	margin: 0% 0% 0% 5%;
}

.about{
	background-color:#3939ac;
	color:white;
	text-align:center;
	font-size: 40px;
	padding: 3%;
	margin-right: 3%;
	font-family: "papyrus";
	
}
	
.textbox{
width:107%;	
margin-top: 5%;	
font-size: 110%;
margin-right: 5%;
margin-left: 0%;
line-height: 3;
font-family: "verdana";	
}  

.tabletitle{
	background-color:#3939ac;
	color:white;
	text-align:center;
	font-size: 30px;
	padding: 5%;
	width: 100%;
	font-family: "papyrus";
	
}

.tablebox{
	
	

	text-align:center;
	font-size: 20px;
	font-family: "verdana";
}

table {
  width: 110%;
  font-size: 20px;
  margin-left: 0%;
}

.flex-childt {
    width: 30%;
	flex: 3;
	padding:3%;
	margin-top: 0%;
}


.teaflex{
	background-color:#3939ac;
	color:white;
	text-align:center;
	font-size: 30px;
	padding: 0%;
	width: 50%;
	font-family: "papyrus";
	flex-direction: row;
	flex:2;
	margin:5% 0% 0% 25%;
	
	

	
}

.teaflex-container {
	display: flex;
	flex-direction:row;
	width: 50%;
	text-align: center;
	margin: 5% 5% 5% 25%

	
	
}

.teaflex-child {
    width: 100%;
	flex: 2;
	margin: 5%;
	margin-bottom: 0%;
	font-size: 200%;
	text-align: center;
	border: 5%;	border-style: ridge;
}

.geo{
	display: flex;
	flex-direction: row;
	width: 90%;
	text-align: center;
	margin: 5%
}

.geochild{
	width: 33%;
		flex: 3;
		margin: 2% 2% 2% 2%;
}   



.trial {
	display: flex;
	flex-direction: column;
	margin: 10% 0% 0% 0%;
	width: 100%;
}
/*Navbar2*/



ul#navbar2{	
  background-color: #233d4d;
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-top: 5%;
  width:100%;
  display: inline-block;
  
}
ul#navbar2 a{
  background-color: #3939ac;
  color: white;
  text-align: center;
  float:left;
  font-weight:500;
  font-family:papyrus;
  font-size:25pt; 
	width:20%;  
	display: inline-block;
}

ul#navbar2 a:hover {
  background-color: #b8b8ff;
  color: #3939ac;
  display: inline-block;
}
ul#navbar2 a:active {
  background-color: #3939ac;
  color: #f5f5f5;
  display: inline-block;
}
.reference {
    padding-left: 36px;
    text-indent: -36px;
}
.ul{
display: inline-block;	
}
}